body{background-image: url(1.jpg);
     background-repeat:no-repeat;
     background-size:100% 100%; 
     background-attachment: fixed;}
div.clearfix:after{content: ''; display: block; clear: both;}
        *{margin: 0; padding: 0;}
        ul, ol{list-style: none;}
        a{text-decoration: none; cursor: pointer;}
        nav{position: fixed; box-sizing: border-box; width: 100%;
         padding:12px; background: #fdf5e6;}
        .topNavBar > ul{float: right;}
        .topNavBar > ul > li{float: left; margin: 0 16px;}
.mainNav ul li{float: left;width: 210px;	
               list-style: none;
	           letter-spacing: 6px;font-size: 25px;
	            background-color: #fdf5e6;
	            }
 .mainNav{top: 45px;
	       position: relative;
	       }       
.mainNav li ul {display: none;}
li.hover ul {display: block;}
h1{top: 200px;float: left;
	       position: absolute;height:148px;margin-top:16px;
       margin-bottom:16px;}

ul li{list-style: none;}
#scrollPics{height: 580px;
	        width: 860px;
	        margin-bottom: 10px;
	        overflow: hidden;
	        position: absolute;
	        top: 210px;
	        text-align: center;
	        margin: 0 auto;
            }
.slider{margin-top: 0;}
.num{position: absolute;
     right: 5px;
     bottom: 5px;}
#scrollPics .num li{
	float: left;
	color: #FF7300;
	text-align: center;
	width: 16px;
	height: 16px;
    cursor: pointer;
    }

li.bb{
	list-style-type: none;
	width: 200px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: lightblue;
}
	       
	           









